<template>
  <div class="ui_cards">
    <van-nav-bar title="银行卡" style="margin-bottom:30px;">
      <van-icon name="arrow-left" slot="left" color="#333" @click="back"></van-icon>
    </van-nav-bar>
    <div class="apend" @click="goToBindBank">
      <div class="apend_icon">
        <i class="iconfont  icon-jia"></i>
      </div>
      <div class="apend_font">添加银行卡</div>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'Cards',
    methods: {
      back() {
        this.$router.go(-1);
      },
      goToBindBank() {
        this.$router.push('/bindbank');
      }
    }
  };
</script>
<style lang="less" scoped>
  .ui_cards {
    .apend {
      display: flex;
      height: 140px;
      width: 690px;
      border-radius: 30px;
      background-color: #fff;
      padding: 0 30px;
      .icon-jia{
        font-size: 36px;
        color:#f7a427;
      }
      .apend_font {
        font-size: 32px;
        color: #f7a427;
      }
    }
  }
</style>

